<!doctype html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Document</title>
    <link rel="stylesheet" href="../css/public.css"/>
    <link rel="stylesheet" href="../css/order.css"/>
</head>
<body>
<div class="right l">
<div class="title yahei f20 pink">
    <ul class="tab-tit clearfix">
        <li class="cur dhref" dhref="/order_lists">全部订单</li>
        <li class=" dhref" dhref="/order_lists?s=nopay">待付款<em>（1）</em></li>
        <li class=" dhref" dhref="/order_lists?s=nosend">待发货<em>（0）</em></li>
        <li class=" dhref" dhref="/order_lists?s=hassend">已发货<em>（0）</em></li>
    </ul>
</div>
<link rel="stylesheet" href="http://file03.miyabaobei.com/resources/styles/account/account.css?v=3" type="text/css">
<style type="text/css">
    .changeAddressBtn{margin-right: 2px;display: inline-block;font-size: 12px;height: 18px;line-height: 18px;padding: 3px 6px;text-align: center;color: #000;text-decoration: none;border-radius: 3px;border: 1px solid #e393bb;}
    .orderListHead span a:hover{color:#000;}

    .changeAddress{width:360px;height:425px;background-color:#fff;border:4px solid #a9a9a7;font-size:12px;overflow:auto;display: none;display: none;z-index: 111001;position: absolute;left: 50%;top: 50%;margin-left: -180px;margin-top: -212px;position: fixed!important;}
    .changeAddTit{height:31px;background-color:#f7f7f7;border-bottom:1px solid #eaeaea;color:#666666;line-height: 31px;font-weight: bold;position: relative;padding-left:14px;}
    .changeAddTit img{position:absolute;right:12px;top:6px;cursor:pointer;}
    .changeAddress .changeAddh3{color:#999999;line-height:31px;padding-left:14px;margin-top:11px;}
    .changeAddmake{width:330px;border:1px solid #eaeaea;background-color:#fcfcfc;margin:0 auto;margin-bottom:13px;position: relative;}
    .changeAddmake ul{padding-top:14px;padding-left:13px;padding-right:54px;}
    .changeAddmake ul li{color:#a9a9a7;list-style-type: none;line-height:20px;}
    .changeAddmake ul li.changeSecondLi{margin-bottom:8px;}
    .changeAddmake a{color:#f450a2;font-weight: bold;text-decoration:underline;position: absolute;top:36px;right:15px;}
    .changeSecondH3{margin-top:8px;}
    .changeSecondBox{background-color:#fff;cursor:pointer;position: relative;}
    .changeSecondBox ul{padding-right:54px;}
    .changeSecondBox img{position:absolute;right:0px;bottom: 0px;display: none;}    /* 选择增加的img */
    .changeSecondBox ul li{color:#666666;}
    .changeSecondBox ul li.changeFirstLi{color:#333333;}

    .changeAddressForm{width:598px;border:4px solid #a9a9a7;font-size:12px;background-color:#fff;display: none;z-index: 111001;position: absolute;left: 50%;top: 50%;margin-left: -299px;margin-top: -139px;position: fixed!important;}
    .changeAddUl{margin-top:21px;padding-left: 0px;color:#999999;line-height:31px;padding-left:26px;}
    .changeAddUl ul li{list-style-type: none;margin-bottom:12px;float: left;margin-right:21px;}
    .changeAddUl ul li input{margin-left:10px;border:1px solid #cccccc;color:#333333;padding-left: 4px;}
    .changeAddUl .goodsMan{padding-left:13px;width:517px;}
    #changeAddUl_but1{width:126px;height:24px;line-height: 24px;}
    #changeAddUl_but2 label{padding-right:5px;}
    #changeAddUl_but2 .select1{width:132px;height:17px;}
    #changeAddUl_but2 .select2{width:79px;height:17px;}
    #changeAddUl_but2 .select3{width:79px;height:17px;}
    #changeAddUl_but2 .select4{width:119px;height:17px;}
    #changeAddUl_but3{width:356px;height:24px;color:#333333;line-height: 24px;}
    #changeAddUl_but4{width:194px;height:24px;color:#333333;line-height: 24px;}
    #changeAddUl_but5{width:194px;height:24px;color:#333333;line-height: 24px;}
    .changeAddressForm .Operation{margin-left: 63px;}
    .Operation{margin:0 auto;clear: both;color:#fff;font-size: 14px;font-weight: bold;text-align: center;width:225px;line-height: 30px;}
    .Operation .Determine{width:104px;height:30px;background-color:#f450a2;float: left;margin-right:17px;cursor: pointer;margin-bottom: 15px;}  /* 确定 */
    .Operation .Cancel{width:104px;height:30px;background-color:#f450a2;float: left;cursor: pointer;margin-bottom: 15px;}  /* 取消*/

    .changeAddressCon{width:367px;border:4px solid #a9a9a7;font-size:12px;background-color:#fff;display: none;z-index: 111001;position: absolute;left: 50%;top: 50%;margin-left: -183px;margin-top: -98px;position: fixed!important;}
    .changeAddressCon .changeAddh3{color:#f450a2;font-weight: bold;line-height:31px;padding-left:20px;margin-top:8px;}
    .changeAddressCon p{color:#666666;line-height:24px;padding-left:20px;padding-right:20px;}
    .changeAddressCon .Operation{padding-top: 11px;}
    .Operation .Determine.change_sur{background-color:#ff69b3;font-weight:normal;}
    .Operation .Cancel.change_qx{background-color:#f9f9f9;color:#000000;font-weight:normal;border:1px solid #d5d5d5;width: 102px;height:28px;}


    .changeAddressSF{width:367px;height:196px;border:4px solid #a9a9a7;font-size:12px;background-color:#fff;display: none;z-index: 111001;position: absolute;left: 50%;top: 50%;margin-left: -183px;margin-top: -98px;position: fixed!important;}
    .changeAddZt{width:299px;height:60px;margin:0 auto;margin-top:14px;font-size:14px;}
    .changeAddZt img{vertical-align: middle;margin-right:9px;color:#333333;font-size: 14px;}
    .changeAddressSucD{width:100px;height:30px;background-color:#f450a2;cursor: pointer;line-height: 30px;color:#fff;font-size: 14px;font-weight: bold;text-align: center;margin:0 auto;margin-top:20px;}


    /*遮罩*/
    .popup_mask{display:none;width:100%;height: 100%;z-index: 111000;position: fixed;top:0;left:0;  background-color: #000;
        filter:alpha(opacity=50);/*IE*/opacity:0.5;/*FF*/position:fixed!important;/*FF IE7*/position:absolute;/*IE6*/}
    .popup_notice{display: none;z-index: 111001;height: 423px;position: absolute;left:50%;top:50%;margin-left: -260px;margin-top: -211px;position:fixed!important;/*FF IE7*/positiabsolute;/*IE6*/}
    .popup_notice a#close_mia_popup{display: block;position: absolute;width: 50px;height: 50px;top:14px;right:12px;background:url(about:blank)}

    /* 新增 */
    .add_messages {
        vertical-align: middle;
        color: #F67649;
        width:148px;
        height:22px;
        border: 1px solid #FEDBB1;
        background: #FFFDE7;
        margin: 15px 0 16px 0px;
        padding: 0px 4px;
        font-size: 12px;
        font-family: Verdana, Geneva, sans-serif;
        line-height: 22px;
        font-weight: normal;
    }
</style>
<div class="splist p20" id="orderList">
<table width="100%" border="0" cellspacing="0" cellpadding="0" class="msctab tab05">
    <tbody><tr>
        <th width="55%">商品</th>
        <th width="15%">实付金额</th>
        <th width="15%">交易状态</th>
        <th width="15%">操作</th>
    </tr>
    </tbody></table>

<div class="icspblock">
    <table width="100%" border="0" cellspacing="0" cellpadding="0" class="msctab outer">
        <tbody><tr class="orderListHead">
            <th colspan="4" align="left" class="ddtit">
                <span>下单时间：2016-07-08 11:15:09</span>


                <span><a href="http://www.mia.com/order/success/20160708597735210" class="pink payNow r">去支付</a></span>
                <span><a href="javascript:void(0)" data-oc="20160708597735210" data-c="1" class="cancelOrder pink r">取消订单</a></span>




            </th>
        </tr>
        <tr class="notice_yellow">
            <td colspan="4">尊敬的客户，由于您的商品在不同库房，所以您的订单将被拆分为多个包裹分开配送，给您带来的不便尽请谅解。</td>
        </tr>
        <tr class="orderList_tr">
            <td colspan="4">
                <table width="100%" border="0" cellspacing="0" cellpadding="0" class="msctab">
                    <tbody><tr class="order_child">
                        <th colspan="4" align="left">
                            <span>子订单号：<a href="/orderdetail-160708597735210" class="pink">160708597735210</a></span>
                        </th>
                    </tr>
                    <tr class="orderList_tr">
                        <td width="55%" class="mysp ptb0">
                            <table width="100%" border="0" cellspacing="0" cellpadding="0" class="tab04">
                                <tbody><tr>
                                    <td class="o_child borenone">
                                        <div class="corder_childtd clearfix">
                                            <a href="/item-1257939.html" target="_blank">
                                                <img src="http://img02.miyabaobei.com/d1/p3/item/12/1257/1257939_normal_1.jpg" alt="夏装女童公主条纹网纱无袖连衣裙蓬蓬 白" width="50" height="50">
                                            </a>
                                            <a href="/item-1257939.html" target="_blank">pear in bear  pear in bear 夏装女童公主条纹网纱无袖连衣裙蓬蓬 白</a>
                                            <p class="orderin">
                                                <span class="gray listSize">规格：110</span>
                                                <span class="gray listSize">&nbsp;</span>
                                                <span class="gray listNum">数量：1</span>
                                            </p>
                                        </div>
                                    </td>
                                </tr>
                                <tr>
                                    <td class="o_child borenone">
                                        <div class="corder_childtd clearfix">
                                            <a href="/item-1258547.html" target="_blank">
                                                <img src="http://img02.miyabaobei.com/d1/p3/item/12/1258/1258547_normal_1.jpg" alt="女童新款韩版休闲短袖t恤半身纱裙2件套 黑" width="50" height="50">
                                            </a>
                                            <a href="/item-1258547.html" target="_blank">pear in bear  pear in bear 女童新款韩版休闲短袖t恤半身纱裙2件套 黑</a>
                                            <p class="orderin">
                                                <span class="gray listSize">规格：110</span>
                                                <span class="gray listSize">&nbsp;</span>
                                                <span class="gray listNum">数量：1</span>
                                            </p>
                                        </div>
                                    </td>
                                </tr>
                                </tbody></table>
                        </td>
                        <td width="15%" align="center" class="f14 pink">¥ 143.00</td>
                        <td width="15%" align="center">
                            等待支付<br>
                            <p style="margin-top:5px;"><a href="/orderdetail-160708597735210" target="_blank" class="pink">订单详情</a></p>
                        </td>
                        <td width="15%" align="center" class="btngroup">
                        </td>
                    </tr>
                    </tbody></table>
                <table width="100%" border="0" cellspacing="0" cellpadding="0" class="msctab">
                    <tbody><tr class="order_child">
                        <th colspan="4" align="left">
                            <span>子订单号：<a href="/orderdetail-160708597735220" class="pink">160708597735220</a></span>
                        </th>
                    </tr>
                    <tr class="orderList_tr">
                        <td width="55%" class="mysp ptb0">
                            <table width="100%" border="0" cellspacing="0" cellpadding="0" class="tab04">
                                <tbody><tr>
                                    <td class="o_child borenone">
                                        <div class="corder_childtd clearfix">
                                            <a href="/item-1311929.html" target="_blank">
                                                <img src="http://img02.miyabaobei.com/d1/p3/item/13/1311/1311929_normal_1.jpg" alt="新款儿童棉料韩版修身连衣裙 灰" width="50" height="50">
                                            </a>
                                            <a href="/item-1311929.html" target="_blank">纯一良品 新款儿童棉料韩版修身连衣裙 灰</a>
                                            <p class="orderin">
                                                <span class="gray listSize">规格：130/6-7岁</span>
                                                <span class="gray listSize">&nbsp;</span>
                                                <span class="gray listNum">数量：1</span>
                                            </p>
                                        </div>
                                    </td>
                                </tr>
                                </tbody></table>
                        </td>
                        <td width="15%" align="center" class="f14 pink">¥ 69.00</td>
                        <td width="15%" align="center">
                            等待支付<br>
                            <p style="margin-top:5px;"><a href="/orderdetail-160708597735220" target="_blank" class="pink">订单详情</a></p>
                        </td>
                        <td width="15%" align="center" class="btngroup">
                        </td>
                    </tr>
                    </tbody></table>
            </td>
        </tr>
        </tbody></table>
</div>

<!-- 修改地址显示弹框 -->
<div class="changeAddress">
    <div class="changeAddTit">修改地址<img src="resources/images/close.jpg"></div>       <!-- header -->
    <div class="changeAddh3">修改订单收货地址</div>
    <div class="changeAddmake addr1">
        <ul>
            <li></li>
            <li class="changeSecondLi"></li>
        </ul>
        <a href="#" class="changeAddress_xg xgnew">修改</a>
    </div>

    <div class="changeAddh3 changeSecondH3">选择已有收货地址</div>
    <!-- address list -->
    <!-- end address list -->
</div>
<!-- 修改需要修改的弹框 -->
<div class="changeAddressForm">
    <div class="changeAddTit">修改地址<img src="resources/images/close.jpg"></div>       <!-- header -->
    <div class="changeAddUl">
        <ul>
            <li class="goodsMan">收货人:<input type="text" value="" id="changeAddUl_but1" class="name"></li>
            <li id="changeAddUl_but2">
                <!--  <form action="" method="get">
                  <label>所在地区:</label>
                  <select name="" class="select1 province" onchange="change_province($(this),'province')">
                      <option value="0">请选择</option>
                  </select>
                  <select name="" class="select2 city" onchange="change_province($(this),'city')">
                      <option value="0">请选择</option>
                  </select>
                  <select name="" class="select3 area" onchange="change_province($(this),'area')">
                          <option value="0">请选择</option>
                  </select>
                  <select name="" class="select4 street">
                      <option value="0">请选择</option>
                  </select>
                  </form> -->



                <span class="pink"></span> 所在地区：

                        <span id="span_province">
                        	<select id="ship_province" name="ship_province" class="province" onchange="change_province($(this),'province')">
                                <option value="0">请选择</option>
                            </select>
                        </span>
                        <span id="span_city">
	                        <select id="ship_city" name="ship_city" class="city" onchange="change_province($(this),'city')">
                                <option value="0">请选择</option>
                            </select>
                        </span>
                        <span id="span_area">
                        	<select id="ship_area" name="ship_area" class="area" onchange="change_province($(this),'area')">
                                <option value="0">请选择</option>
                            </select>
                        </span>
                        <span id="span_town">
                        <select id="ship_town" name="ship_town" class="street">
                            <option value="0">请选择</option>
                        </select></span>
                <span id="new_area_error"></span>




            </li>
            <li>详细地址:<input type="text" value="" id="changeAddUl_but3" class="address"></li>
            <li>手机号码:<input type="text" value="" id="changeAddUl_but4" class="cell"></li>
            <li>固定电话:<input type="text" value="" id="changeAddUl_but5" class="phone"></li>
        </ul>

        <div class="Operation">
            <div class="add_messages" style="display: none"></div>
            <div class="Determine">确定</div>
            <div class="Cancel">取消</div>
        </div>
    </div>
</div>
<!-- 修改地址确认弹框 -->
<div class="changeAddressCon">
    <div class="changeAddTit">修改地址确认<img src="resources/images/close.jpg"></div>       <!-- header -->
    <div class="changeAddh3">修改后地址如下</div>
    <p id="newAddress"></p>
    <div class="Operation">
        <div class="Determine change_sur">确定</div>
        <div class="Cancel change_qx">取消</div>
    </div>
</div>
<!-- 修改地址成功弹框 -->
<div class="changeAddressSF changeAddressCG">
    <div class="changeAddTit">修改地址成功<img src="resources/images/close.jpg"></div>       <!-- header -->
    <div class="changeAddZt"><img src="resources/images/cg.jpg">您的地址已经修改成功！</div>
    <div class="changeAddressSucD">确定</div>
</div>
<!-- 修改地址失败弹框 -->
<div class="changeAddressSF changeAddressSB">
    <div class="changeAddTit">修改地址失败<img src="resources/images/close.jpg"></div>       <!-- header -->
    <div class="changeAddZt"><img src="resources/images/shb.jpg"><span class="msg"></span></div>
    <div class="changeAddressSucD">确定</div>
</div>
<!-- 遮罩 -->
<div id="mia_popup_mask" class="popup_mask" style="display: none;"></div>
         </div>
</div>
</body>
</html>